﻿@model N03_11HCA_HTTTHD.Models.ChaoBan
@{
    ViewBag.Title = "Danh sách chào bán";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section JavaScriptCSSImport{
    <link href="@Url.Content("~/Content/mycontent/list_counter.css")" rel="stylesheet" type="text/css"/>
}

@section MenuTraiImport{
    @Html.Action("MenuTraiCanBan", "Home");
    @Html.Action("MenuTraiTimMua", "Home");
}

@section MenuImport{
    <ul class="nav">
        <li><a href="/ChaoBan" class="current">Chào bán</a></li>
        <li><a href="/TimMua">Tìm mua</a></li>
        <li><a href="/DoanhNghiep">Doanh nghiệp</a></li>
        <li><a href="/TinTuc">Tin tức</a></li>
    </ul>
}

@section JavaScriptDocumentReady{
    var viTriHienTai = 0;
    var soLuongMoiTrang = @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadCanBanMacDinh;
    var isLoad = 0;

    function LoadDuLieu(){
        if(isLoad == 1){
            return;
        }

        isLoad = 1;

        var mucSX = $("#listMucSapXep").val(); 
        var cachSX = $("#listCachSapXep").val(); 
        var StringSX = mucSX +" "+cachSX;
        $.ajax({
          url: "/ChaoBan?jtStartIndex="+viTriHienTai+"&jtPageSize="+soLuongMoiTrang+"&jtSorting="+StringSX,
          type: "post",
          // PlainObject data, String textStatus, jqXHR jqXHR
          success: function( data, textStatus, jqXHR){
           
               //console.log(data[0].ID);
               for (var i = 0; i < data.length; i++)
               {        
                    var class_li = "";
                    if(i%2==0){
                        class_li ="class='shadow_item'";
                    }
                    var hinhAnh =  '@Url.Content("~/Content/HinhAnh/")' + data[i].HinhAnhDinhKem;
                    var ngay = new Date(parseInt(data[i].NgayDang.substr(6)));
                    var thoiGian = moment(ngay).fromNow(); 

                    var item ='<li '+class_li+'>'+
                    '<img src="'+hinhAnh+'" />'+
                    '<h3>'+
                        '<a class="tenThongTin" href="/ChaoBan/ChiTiet/' + data[i].ID+ '">'+data[i].TenViet +' - '+ data[i].TenAnh +'</a>'+
                    '</h3>'+
                    '<span class="quanTamTimMua" accesskey="'+ data[i].ID +'" title="Quan tâm chào bán: '+ data[i].TenViet +' - '+ data[i].TenAnh +'"></span>'+
                    '<a class="mailToMini" title="Liên hệ với người chào bán '+ data[i].TenViet +' - '+ data[i].TenAnh +'" href="/Home/LienHe/'+data[i].IDNguoiDang+'/[Chào bán '+data[i].ID+'] '+data[i].TenViet +' - '+ data[i].TenAnh +'"></a>'+
                    ' <span class="ngayDang" title="'+ ngay +'"> Thời gian đăng: '+thoiGian+'</span><br/>'+
                    '<p class="autohide chaobanpreview" title="'+data[i].MoTa+'">' + data[i].MoTa + '</p>'+
                    '</li>';
                    $('#ulCounter').append(item);
               }

               //tăng số lượng hiện tại lên
               viTriHienTai+= data.length;

               //xác nhận đã load xong
               isLoad = 0;

               new ElementMaxHeight();

               XuLyQuanTam();
          },
          // jqXHR jqXHR, String textStatus, String errorThrown
          error:function( jqXHR, textStatus,  errorThrown){
              //$("#dsCanban").html(textStatus);
              isLoad = 0;
          }   
        });
    }

    function LoadDuLieuLai(){
        viTriHienTai = 0;
        soLuongMoiTrang = @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadCanBanMacDinh;
        $('#ulCounter').html("");
        LoadDuLieu();
    }

    $("#listCachSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.CachSapXepCanBanMacDinh");
    $("#listMucSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.LoaiSapXepCanBanMacDinh");

    //Khi thay đổi kiểu sắp xếp thì load lại dữ liệu
    $("#listCachSapXep").change(function () {
        LoadDuLieuLai();
    });

    $("#listMucSapXep").change(function () {
        LoadDuLieuLai();
    });

    //load khi cuộn
    $(window).scroll(function()
    {
        if($(window).scrollTop() >= ($(document).height() - $(window).height())*0.9)
        {
            LoadDuLieu();
        }
    });

    $("#loadThem").click(function()
    {
            LoadDuLieu();
    });

     LoadDuLieu();
}

<h2>Danh sách chào bán</h2>

<div id="sapXep">
    <select id="listMucSapXep">
        <option value="ID">Thời gian</option>
        <option value="LoaiCanBan">Loại sản phẩm</option>
        <option value="TenAnh">Tên tiếng Anh</option>
        <option value="TenViet">Tên tiếng Việt</option>
        <option value="XuatXu">Xuất xứ</option>
    </select>
    <select id="listCachSapXep">
        <option value="ASC">Tăng dần</option>
        <option value="DESC">Giảm dần</option>
    </select>
</div>

<div id="dsCanban" class="auto_height" >
<ul class="counter" id="ulCounter"><!-- Load dữ liệu --></ul>
<input type="button" id="loadThem" value="Tải thêm" />
</div>